<!-- first -->
<ul class="nav">
  <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
    <span translate="aside.nav.HEADER">System</span>
  </li>
    <li ui-sref-active="active">
        <a ui-sref="app.users">
            <i class="fa fa-users icon text-primary-dker"></i>
            <span class="font-bold" translate="aside.nav.ACCOUNTMANAGEMENT">Accounts</span>
        </a>
    </li>

    <li ui-sref-active="active">
        <a ui-sref="app.config">
            <i class="fa fa-gears icon text-primary-dker"></i>
            <span class="font-bold" translate="aside.nav.AppConfig">Configuration</span>
        </a>
    </li>

    <li class="line dk hidden-folded"></li>

  <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
    <span translate="aside.nav.BASIC">Basic</span>
  </li>

  <li ui-sref-active="active">
    <a ui-sref="app.performance">
      <i class="fa fa-film icon text-primary-dker"></i>
      <span class="font-bold" translate="aside.nav.PERFORMANCE">Performance</span>
    </a>
  </li>

  <li ui-sref-active="active">
    <a ui-sref="app.trainning-category">
      <i class="fa fa-life-ring icon text-primary-dker"></i>
      <span class="font-bold" translate="aside.nav.TrainningCategory">TrainningCategories</span>
    </a>
  </li>

    <li ui-sref-active="active">
        <a ui-sref="app.trainning">
            <i class="fa fa-adjust icon text-primary-dker"></i>
            <span class="font-bold" translate="aside.nav.Trainning">Trainning</span>
        </a>
    </li>

    <li ui-sref-active="active">
        <a ui-sref="app.trainning-enroll">
            <i class="fa fa-pencil-square-o icon text-primary-dker"></i>
            <span class="font-bold" translate="aside.nav.TrainningEnroll">TrainningEnrolls</span>
        </a>
    </li>

    <li ui-sref-active="active">
    <a ui-sref="app.venue">
      <i class="fa fa-university icon text-primary-dker"></i>
      <span class="font-bold" translate="aside.nav.Venue">Venue</span>
    </a>
  </li>

 <li class="line dk hidden-folded"></li>
  <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
    <span translate="aside.nav.Reports">Reports</span>
  </li>
 <li ui-sref-active="active">
    <a ui-sref="app.reports">
      <i class="fa fa-folder-o icon text-success-lter"></i>
      <span translate="aside.nav.Reports">Reports</span>
    </a>
  </li>

  <li class="line dk hidden-folded"></li>
  <li class="hidden-folded padder m-t m-b-sm text-muted text-xs">
    <span translate="aside.nav.your_stuff.YOUR_STUFF">Your Stuff</span>
  </li>
  <li ui-sref-active="active">
    <a ui-sref="app.profile">
      <i class="icon-user icon text-success-lter"></i>
      <span translate="aside.nav.your_stuff.PROFILE">Profile</span>
    </a>
  </li>

</ul>
<!-- / third -->